<style type="text/css">
    html {
        overflow-y: scroll;
    }

    html {
        font-family: Arial, Helvetica, sans-serif
    }

    *, :after, :before {
        box-sizing: inherit
    }

    html {
        box-sizing: border-box
    }

    html {
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%
    }

    body {
        margin: 0
    }

    audio, canvas, progress, video {
        display: inline-block;
        vertical-align: baseline
    }

    b, strong {
        font-weight: 700
    }

    dfn {
        font-style: italic
    }

    h1 {
        font-size: 2em;
        margin: .67em 0
    }

    mark {
        background: #ff0;
        color: #000
    }

    small {
        font-size: 80%
    }

    sub, sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sup {
        top: -.5em
    }

    sub {
        bottom: -.25em
    }

    img {
        border: 0
    }

    svg:not(:root) {
        overflow: hidden
    }

    figure {
        margin: 1em 40px
    }

    hr {
        box-sizing: content-box;
        height: 0
    }

    pre {
        overflow: auto
    }

    code, kbd, pre, samp {
        font-family: monospace;
        font-size: 1em
    }

    button, input, optgroup, select, textarea {
        color: inherit;
        font: inherit;
        margin: 0
    }

    button {
        overflow: visible
    }

    button, select {
        text-transform: none
    }

    button, html input[type=button], input[type=reset], input[type=submit] {
        -webkit-appearance: button;
        cursor: pointer
    }

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    legend {
        border: 0;
        padding: 0
    }

    textarea {
        overflow: auto
    }

    optgroup {
        font-weight: 700
    }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }

    td, th {
        padding: 0
    }

    html, button, input, select, textarea {
        color: #000
    }

    html {
        font-size: 100%;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
        height: 100%;
        position: relative
    }

    ::-moz-selection {
        background: #FFB888;
        text-shadow: none
    }

    ::selection {
        background: #FFB888;
        text-shadow: none
    }

    audio, canvas, video {
        display: inline-block;
        *display: inline;
        *zoom: 1
    }

    audio:not([controls]) {
        display: none;
        height: 0
    }

    [hidden] {
        display: none
    }

    hr {
        margin: 20px 0;
        border: 0;
        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #ffffff;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    audio, canvas, img, video {
        vertical-align: middle
    }

    fieldset {
        border: 0;
        margin: 0;
        padding: 0
    }

    textarea {
        resize: vertical
    }

    img {
        width: auto \9;
        height: auto;
        max-width: 100%;
        vertical-align: middle;
        border: 0;
        -ms-interpolation-mode: bicubic;
    }

    abbr[title] {
        border-bottom: 1px dotted
    }

    b, strong {
        font-weight: bold
    }

    blockquote {
        margin: 1em 40px
    }

    dfn {
        font-style: italic
    }

    mark {
        background: #ff0;
        color: #000
    }

    pre {
        margin: 1em 0
    }

    code, kbd, pre, samp {
        font-family: monospace, serif;
        _font-family: 'courier new', monospace;
        font-size: 1em
    }

    pre {
        white-space: pre;
        white-space: pre-wrap;
        word-wrap: break-word
    }

    q {
        quotes: none
    }

    q:before, q:after {
        content: '';
        content: none
    }

    small {
        font-size: 80%
    }

    sub, sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sup {
        top: -0.5em
    }

    sub {
        bottom: -0.25em
    }

    dd {
        margin: 0 0 0 40px
    }

    svg:not(:root) {
        overflow: hidden
    }

    figure {
        margin: 0
    }

    form {
        margin: 0
    }

    fieldset {
        border: 1px solid silver;
        margin: 0 2px;
        padding: .35em .625em .75em
    }

    legend {
        border: 0;
        padding: 0;
        white-space: normal;
        *margin-left: -7px
    }

    button, input, select, textarea {
        font-size: 100%;
        vertical-align: baseline;
        *vertical-align: middle;
        line-height: 100%;
    }

    button, input {
        line-height: normal
    }

    button, select {
        text-transform: none
    }

    button, html input[type="button"], input[type="reset"], input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer;
        *overflow: visible
    }

    button[disabled], html input[disabled] {
        cursor: default
    }

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
        *height: 13px;
        *width: 13px
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    textarea {
        overflow: auto;
        vertical-align: top
    }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }

    .blocks-content {
        position: relative;
        background: none;
        display: block;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
    }

    .blocks-content .google-maps img {
        max-width: none
    }

    /*for text the word cut*/
    .blocks-content .shape-circle {
        -webkit-border-radius: 500px;
        -moz-border-radius: 500px;
        border-radius: 500px
    }

    /*for fix ie*/ /* Grid setting */
    .grid-container {
        padding-left: 0px;
        padding-right: 0px;
        max-width: 100%;
    }

    .caf_html .blocks-content {
        clear: both;
        position: relative;
    }

    .grid-container {
        padding-left: 0px;
        padding-right: 0px;
        max-width: 1000px
    }

    .caf_wrapper {
        position: relative;
        max-width: 1000px;
        background-color: none;
        padding-top: 0;
        padding-left: 0;
        padding-bottom: 0;
        padding-right: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-color: #FFF;
        border-style: solid;
        border-width: 0;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        height: 100%;
        min-height: 100%;
        max-height: 100%;
    }

    /* Format setting */
    .blocks-content label, .blocks-content li, .blocks-content p, .blocks-content td {
        color: #555;
        font-size: 16px;
        line-height: 150%;
    }

    .blocks-content h1, .blocks-content h2, .blocks-content h3, .blocks-content h4, .blocks-content h5, .blocks-content h6 {
        letter-spacing: 0;
        color: #000;
        line-height: 150%;
        font-weight: normal;
    }

    .blocks-content h1 {
        font-size: 2.5rem;
        margin: 5px 0;
    }

    .blocks-content h2 {
        font-size: 2rem;
        margin: 5px 0;
    }

    .blocks-content h3 {
        font-size: 1.75rem;
        margin: 5px 0;
    }

    .blocks-content h4 {
        font-size: 1.5rem;
        margin: 5px 0;
    }

    .blocks-content h5 {
        font-size: 1.25rem;
        margin: 5px 0;
    }

    .blocks-content h6 {
        font-size: 1rem;
        margin: 5px 0;
    }

    .blocks-content h1 a, .blocks-content h2 a, .blocks-content h3 a, .blocks-content h4 a, .blocks-content h5 a, .blocks-content h6 a {
        font-size: inherit;
        color: inherit
    }

    .blocks-content p {
        margin: 5px 0;
        word-wrap: break-word;
        line-height: 150%
    }

    .blocks-content font, .blocks-content p span {
        line-height: 150%
    }

    .blocks-content h1 span, .blocks-content h2 span, .blocks-content h3 span, .blocks-content h4 span, .blocks-content h5 span {
        line-height: 100%;
    }

    .blocks-content a {
        color: #0000EE;
        text-decoration: none
    }

    .blocks-content a:hover, .blocks-content a:focus, .blocks-content a:active {
        color: inherit;
    }

    .blocks-content img {
        max-width: 100%;
    }

    .blocks-content figure {
        margin: 0
    }

    .blocks-content .btn {
        display: inline-block;
        margin-bottom: 0;
        padding: 7px 25px;
        border: 1px solid transparent;
        background-image: none;
        vertical-align: middle;
        text-align: center;
        text-decoration: none;
        line-height: 2em;
        cursor: pointer;
        margin: 0 .25em 0 0;
        word-wrap: break-word;
    }

    .image-container img {
        position: relative;
        width: auto;
        height: auto;
        z-index: 0
    }

    .image-container a, .image-container a:hover, .image-container a:active, .image-container a:focus {
        text-decoration: none;
    }

    .image-container a:before {
        z-index: 1;
        color: #FFF;
        font-size: 1.2em;
        opacity: 0.5;
        text-shadow: 1px 1px 1px #000;
        position: absolute;
        right: 15px;
        bottom: 15px;
    }

    .image-container.shape-oval a:before {
        bottom: 20%;
        right: 15%;
    }

    .image-container.shape-circle a:before {
        bottom: 18%;
        right: 18%;
    }

    .image-container.icon-position-left-bottom a:before {
        left: 15px;
        bottom: 15px;
        right: auto
    }

    .image-container.icon-position-right-top a:before {
        top: 15px;
        right: 15px
    }

    .image-container.icon-position-left-top a:before {
        top: 15px;
        left: 15px;
        right: auto
    }

    body.caf_html .image-container a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .image-container a, .image-container a:hover, .image-container a:active, .image-container a:focus {
        text-decoration: none;
    }

    .image-container a:before {
        z-index: 1;
        color: #FFF;
        font-size: 1.2em;
        opacity: 0.5;
        text-shadow: 1px 1px 1px #000;
        position: absolute;
        right: 15px;
        bottom: 15px;
    }

    .image-container.shape-oval a:before {
        bottom: 20%;
        right: 15%;
    }

    .image-container.shape-circle a:before {
        bottom: 18%;
        right: 18%;
    }

    button::-moz-focus-inner {
        padding: 0;
        border: 0
    }

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 8px rgba(0, 0, 0, .6);
        background: #000
    }

    .mfp-figure small {
        color: #bdbdbd;
        display: block;
        font-size: 9pt;
        line-height: 14px
    }

    .mfp-figure figure {
        margin: 0
    }

    .ob_popup .ob_form input[type="text"] {
        width: 100%;
    }

    .ob_popup p {
        color: #555;
        font-size: 15px;
        padding: 0;
        margin: 12px 0
    }
</style>
<link rel="stylesheet" href="../component/bootstrap/css/bootstrap-tagsinput.css">
<div style="height: 100%; width: 100%; position: relative;">
    <div class="caf_wrapper">
        <div class="blocks-content blocks-extra" data-blocks-extra-color="#ee6d66"
             style="margin: 20px;"
             data-style="margin-top:20px;margin-right:20px;margin-bottom:20px;margin-left:20px;">
            <div class="grid-container">
                <div style="position:relative;z-index:2">
                    <div class="blocks-extra-style"
                         style="background-color: rgb(238, 109, 102); min-width: 50px; display: table; margin: auto; padding: 0px 18px; border-radius: 500px; border-color: rgb(238, 109, 102);">
                        <div class="blocks-text"><h3 style="text-align:center;color:#FFF">活动图片管理</h3></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="blocks-content images-container"
             data-style="margin-top:20px;margin-right:20px;margin-bottom:20px;margin-left:20px;" style="height: 500px;">
            <div class="blocks-content  left"
                 style="width: 45%; height: 100%; display: inline-block; background-color: #00a2d4; ">
                <img class="block-image-left" style="width: 100%; height: 100%; display: inline-block;" src=""/>
                <div style="width: 100%; text-align: center; margin-top: 8px;">分享底图前者</div>
            </div>
            <div class="blocks-content right"
                 style="width: 45%; height: 100%; float: right; background-color: #3e8f3e; ">
                <img class="block-image-right" style="width: 100%; height: 100%; display: inline-block;" src=""/>
                <div style="width: 100%; text-align: center; margin-top: 8px;">分享底图后者</div>
            </div>
        </div>
        <div class="blocks-content" style="clear: both; height: 50px; " >
        </div>
        <div class="blocks-content blocks-extra" data-blocks-extra-color="#366092" style="margin: 20px;"
             data-style="margin-top:20px;margin-right:20px;margin-bottom:20px;margin-left:20px;">
            <div class="grid-container">
                <div class="blocks-text" style="text-align:center; color: #0C0C0C;">
                    <a class="btn shape-circle blocks-extra-style images-clear change-image-left"
                       style="background-color: #00c0ff; border:1px solid #00c0ff; padding:4px 22px; margin-right: 24%; color:#fff;">修改图片</a>
                    <a class="btn shape-circle blocks-extra-style images-save change-image-right"
                       style="background-color: #00c0ff; border:1px solid #00c0ff; padding:4px 22px; margin-left: 24%; color:#fff;">修改图片</a>
                </div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
    <div id="style_scene_effects"></div>
    <div style="clear: both;"></div>
</div>
<script type="text/javascript" src="../js/share-bgimages.js"></script>